<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<!--通用css以及头-->
<head th:fragment="headerBasic(title,styles)">
    <meta charset="UTF-8">
    <title th:text="${title}"></title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="icon" type="image/x-icon" th:href="@{/favicon.ico}">
    <!-- 针对IE浏览器的一个特殊配置，含义是让IE浏览器以最高的渲染级别渲染页面 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 开启移动端的理想视口 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link th:href="@{/css/layui/css/layui.css}" rel="stylesheet"/>
    <link th:href="@{/css/basic.css}" rel="stylesheet"/>
    <th:block th:replace="${styles}" />
</head>
<body>

<!--通用js-->
<div th:fragment="footer">
    <script th:src="@{/js/jquery.js}"></script>
    <script th:src="@{/js/xm-select.js}"></script>
    <script th:src="@{/js/mqtt.js}"></script>
    <script th:src="@{/css/layui/layui.js}"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script th:src="@{/css/layui/html5.min.js}"></script>
    <script th:src="@{/css/layui/respond.min.js}"></script>
    <![endif]-->
</div>


</body>
</html>